import React from "react"

interface LineProps {
    vertical: boolean;
    start: number;
    value: number;
}

export default function Line(props: LineProps) {

    const {vertical, start, value} = props;

    const offset = value - start;
    if (offset < 0) {
        return null;
    }

    const lineStyle = vertical ? {top: offset} : {left: offset};

    return (
        <div className="line" style={lineStyle}>
        </div>
    )
}
